import React from "react";
import barChatIcon from "./assets/BarChart.svg";
import moreIcon from "./assets/更多.svg";
export default function (props) {
    const {
        icon,
        color,
    } = props;
    return (
        <div style={{
            background: 'rgba(229,232,232,0.58)',
            height: 50,
            borderRadius: 20,
            padding: 10,
            display: 'flex',
        }}>
            <div style={{
                backgroundColor: color,
                width: 50,
                height: 50,
                borderRadius: 10,
                padding: 12,
                boxSizing: "border-box",
                marginRight: 10,
            }}>
                <img src={icon} style={{
                    width: '100%',
                    color: 'blue'
                }}/>
            </div>
            <div style={{
                flexGrow: 1
            }}>
                <p>Reading - Topic 1</p>
                <p style={{
                    color: 'gray'
                }}>8:00 - 10:00</p>
            </div>
            <img src={moreIcon} alt=""/>
        </div>
    )
}